<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <title>我房旅居</title>
  <link rel="stylesheet" type="text/css" href="css/reset.css" />
  <link rel="stylesheet" type="text/css" href="css/footer.css" />
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
  <link rel="stylesheet" type="text/css" href="css/main.css" />

</head>
<body>
<header>
  <a href="javascript:history.go(-1);" class="back"><img src="images/icon/back.png" /></a>
  <h1>位置与周边</h1>
</header>
  <div class="mymap">
    <div id="map"></div>
    <ul class="row">
      <li class="column" onclick="clickType(this)">
        <img src="images/icon/bus.png" alt="">
        <p>公交</p>
      </li>
      <li class="column" onclick="clickType(this)">
        <img src="images/icon/edu.png" alt="">
        <p>学校</p>
      </li>
      <li class="column" onclick="clickType(this)">
        <img src="images/icon/food.png" alt="">
        <p>餐饮</p>
      </li>
      <li class="column" onclick="clickType(this)">
        <img src="images/icon/hospital.png" alt="">
        <p>医院</p>
      </li>
      <li class="column" onclick="clickType(this)">
        <img src="images/icon/buy.png" alt="">
        <p>购物</p>
      </li>
    </ul>
  </div>
<script src="js/jquery.min.js"></script>
<script src="js/wap.js"></script>
<!--地图-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=9Gg5RxTuLKmem9LNpyvgMb1opNUmV2hY"></script>
<script type="text/javascript">
  var map = new BMap.Map("map");    // 创建Map实例
  map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图
  var local = new BMap.LocalSearch(map, {
    renderOptions: {map: map}
  });
  function clickType(e){
    var txt = $(e).find('p').html();
    local.search(txt);
  }
</script>
</body>
</html>